<template>
  <div>
    我是热映
    <ul>
      <li v-for="item in dataList" :key="item" @click="handleChangePage(item)">
        {{ item }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList: [11, 22, 33],
    };
  },
  methods: {
    // 动态路由   id 开发中可以填id本次只是填写item
    // 点击之后会跳转到详情页面
    handleChangePage(id) {
      // location.href= '#/Detil'

      // 一般情况下的  此时不用考虑这个参数是否跟hotfilms里面的:myid保持一致
      // this.$router.push(`/Detil/${id}`)

      // 命名路由
      this.$router.push({
        //没有参数可以不传参数,可以直接传name
        name: "huhu",
        params: {
          myid: id,
          // 多级路由的参数可以继续拼接          Detil/11/8888
          // myname:'8888'
        },
      });

      // this.$router.back()           //返回的是上一个页面,从哪点击进来的,然后可以返回到哪里,例如
      // 点击订单发现没有登录让你登录,登录成功后可以返回到你点击订单的页面
      // this.$router.push('/xx')   //回调到路由哪里,进去路由之前先判断
    },
  },
};
</script>
